第3話 クリエイター必見！1分でポートフォリオサイトを作れるScrapbox
前回のあらすじ
今回は、クリエイターの方必見！Scrapboxでお手軽にポートフォリオサイトを作っちゃいます！
バックナンバー：
https://gyazo.com/357755eec5c8b6c228bbc44f9931445d
https://gyazo.com/20542da0b5d0d0c2c93b459e9539f415
leaf.icon専門知識は不要！クリックだけでできちゃう
https://gyazo.com/a3c481a02e05f4737f86722158397fc6
②新規プロジェクトを作ろう
メニューを開いて「Create new project」をクリックしよう。
Public project = 誰でも閲覧可能
Private Project = 非公開
わかばちゃん.icon 今回はポートフォリオサイトとして公開するので「Public project」を選んだよ。
https://gyazo.com/70c16b684c99b1f64f7e79c2ddbb70cd
わかばちゃん2.icon 新規記事は「＋」マークをクリックすれば作れるんだね
③プロジェクト名を設定してみよう
わかばちゃん2.icon settingからプロジェクト名やURLを変更できるんだね
プロジェクトの公開や非公開もここから設定できるから覚えておいてね HTMLちゃん.icon
https://gyazo.com/8ffd681cdb361194d63889dc15f0fba6
leaf.icon画像の貼り付けも簡単
https://gyazo.com/db26af9aabbdc089241516aff7f03d3b
スクリーンショット共有ツール「Gyazo」との連携で、画像をドラッグ&ドロップするだけで貼り付けられます。 HTMLちゃん.icon Gyazoでキャプチャした画像のURLを貼るだけで、画像が表示されるよ
わかばちゃん2.icon 画像のアップが簡単なのはすごく助かる～！
わかばちゃん.icon しかも、記事の一番上にある画像が自動的にサムネイルになるんだね！わざわざ設定しなくていいのはありがたいなぁ
https://gyazo.com/1719d4ce8fab208978b3f02fe1cb9bdb
わかばちゃん2.icon いい感じにできた～！
leaf.iconあっと言うまにポートフォリオサイトが完成！
これだけで、わかばちゃんのポートフォリオサイトが公開されました！
わかばちゃん.icon 書いたらその瞬間、公開されてるの！？
HTMLちゃん.icon そうだよ！ Scrapboxには「投稿ボタン」がないんだ。
わかばちゃん2.icon へぇ〜、ブログよりもカンタンだね
leaf.iconサムネイルの大きさも自由自在
https://gyazo.com/ae86e9af276ce75d3d0bb8706ee21be3
HTMLちゃん.icon 右上のバーで、サムネイルの大きさを自由に変えられるよ！
わかばちゃん2.icon 見ている人も大きさを自由に変更できるよ。好みのサイズで見てみてね
leaf.iconスマホからも編集できる！
わかばちゃん2.icon さすがに、スマホからは編集できないよね？
HTMLちゃん.icon スマホからも操作できるよ！ 画像のアップロードも、画面長押しでできるしね
https://i.gyazo.com/d4b2ec7e42e2f1fd07bf050396701c73.gif
leaf.iconハッシュタグで簡単分類分け！
ハッシュタグを使えば、イラストを、テイスト別、色別、キャラクター別、使用ソフト別、納品先別、などまとめることもできます。
https://gyazo.com/1cf0aabbee76f273f4369829e86051fb
たとえば、登場人物のページに #登場人物 というタグをつけておくと… https://gyazo.com/478a9cfc2ef8e3d4094fdecd637bfd9c
同じタグがついているページが自動的に表示されるようになりますlight.icon
https://gyazo.com/19dd2e5534a5d5440a0f0c49fa7ca3d6
わかばちゃん2.icon ぱっと見ただけで、関連する記事が出て来るからわかりやすい～！
HTMLちゃん.icon あなたの作品がデータベースになる！
leaf.iconGIFアニメも貼れる！
GIFアニメも貼れるので、制作過程を載せることもできます
短編アニメーション作品を描いている方にもぴったり
HTMLちゃん.icon トップページの記事一覧から、サムネイルでGIFアニメーションが見られるのは面白いね！
light.icon【ワンポイント】Gyazoのお絵描き機能を使ってみよう！
Gyazoは、実はキャプチャだけじゃなくてお絵描きもできるんです。 たとえばこんな感じ
https://gyazo.com/1c9c98fca54232d315e8b150a8c6041b
わかばちゃん2.icon これなら思いついた時にパパッと図を描けるね
leaf.icon実例をご紹介！こんな風に使っている人も
ポートフォリオ集
ブログ
ウェブサイトとして
研究
わかばちゃん2.icon すごいなぁ〜！ いろんな使い方があるんだね
leaf.iconScrapboxの使い方は無限大！
わかばちゃん2.icon 本当に1分でポートフォリオサイトが作れちゃったね
HTMLちゃん.icon 使い方は無限大！ さぁ、あなたも今日からScrapboxライフ！
leaf.iconあなたのポートフォリオサイトも教えてね！
HTMLちゃん.icon Scrapboxでポートフォリオを作ったら、こちらの「Scrapbox活用事例集」にぜひリンクを貼って教えてね！ わかばちゃん2.icon ステキなポートフォリオは、Scrapbox公式アカウントで、活用の実例として紹介されるかも！
leaf.icon次回予告
HTMLちゃん.icon 次回は、Scrapboxを使って簡単にプレゼンテーションを作成してみるよ！